<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>注册</title>
    <!--static-->
    <link rel="stylesheet" href="css/main.min.css"/>
    <link rel="stylesheet" href="static/css/font-awesome.min.css"/>
    <script src="static/js/jquery-1.11.3.js"></script>
    <script src="static/js/style.min.js"></script>
    <!--other-->
    <link rel="stylesheet" href="css/style.css"/>
    <script src="js/style.js"></script>
    <!--[if lt IE 9]>
    <script src="static/js/html5shiv.js"></script>
    <script src="static/js/respond.js"></script>
    <![endif]-->
</head>
<body>
<div class="container">
    <div class="row">
        <div class="regBg">
            <div class="title tc f17">
                <p>注册工创汇</p>
                <a class="f14" href="login.html">登录</a>
            </div>
            <form action="">
                <div class="content">
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>姓名</p>
                        </div>
                        <div class="conRight fl tl">
                            <input type="text" placeholder="请输入姓名"/>
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>身份</p>
                        </div>
                        <div class="conRight fl tl">
                            <select name="">
                                <option value="">学生</option>
                                <option value="">学生</option>
                                <option value="">学生</option>
                                <option value="">学生</option>
                            </select>
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>学校名称</p>
                        </div>
                        <div class="conRight fl tl">
                            <input type="text" placeholder="请输入学校名称"/>
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>职业类型</p>
                        </div>
                        <div class="conRight fl tl">
                            <!--<span class="selectBtn"><i class="fl"></i><strong class="fl">硬件开发</strong></span>-->
                            <!--<span class="selectBtn"><i class="fl"></i><strong class="fl">软件编程</strong></span>-->
                            <!--<span class="selectBtn"><i class="fl"></i><strong class="fl">艺术设计</strong></span>-->
                            <!--<span class="selectBtn"><i class="fl"></i><strong class="fl">运营管理</strong></span>-->
                            <span class="selectReg">
                                <input class="checkedStyle " type="checkbox"><strong class="">硬件开发</strong>
                            </span>
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>专业水平</p>
                        </div>
                        <div class="conRight fl tl">
                            <select name="" id="">
                                <option value="">一级</option>
                                <option value="">二级</option>
                                <option value="">三级</option>
                                <option value="">四级</option>
                            </select>
                        </div>
                    </div>
                    <div class="conInfo abstract">
                        <div class="conLeft fl tr">
                            <p>个人简介</p>
                        </div>
                        <div class="conRight fl tl">
                            <textarea name="" id="" placeholder="请输入个人简介"></textarea>
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>邮箱</p>
                        </div>
                        <div class="conRight fl tl">
                            <input type="text" placeholder="请输入邮箱"/>
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>密码</p>
                        </div>
                        <div class="conRight fl tl">
                            <input class="password" type="password" placeholder="请输入密码"/>
                            <small></small>
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>确认密码</p>
                        </div>
                        <div class="conRight fl tl">
                            <input class="password" type="password" placeholder="再次确认密码"/>
                            <small></small>
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>手机号</p>
                        </div>
                        <div class="conRight fl tl">
                            <p>+86</p>
                            <input class="phone" type="text" placeholder="请输入手机号"/>
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>校验码</p>
                        </div>
                        <div class="conRight fl tl">
                            <input class="check_code" type="text"/>
                            <img class="check_codeImg" src="img/check_code.jpg" alt=""/>
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>验证码</p>
                        </div>
                        <div class="conRight fl tl">
                            <input class="code" type="text"/>
                            <input type="button" id="btn" value="免费获取验证码" onclick="time(this)"/>
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>&nbsp;</p>
                        </div>
                            <div class="conRight fl tl">
                                <button type="submit">提交</button>
                            </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="footReg tc">
            <p>© 2017 willIan Mo All Rights Restseved</p>
        </div>
    </div>
</div>
</body>
<script>
    $(".selectReg").click(function () {
        $(this).find("input").addClass("active")
    })
</script>
</html>